<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>相对定位</title>
    <style>
        h2.pos_top {
            position: relative;
            top: -50px;
        }
    </style>
</head>

<body>
    <h2>
        这是一个没有定位的标题
    </h2>

    <h2 class="pos_top">
        这个标题相对于自身正常文档流位置向上移动
    </h2>

</body>